<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>AdminLTE 2 | Data Tables</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <!-- Bootstrap 3.3.6 -->
  <link rel="stylesheet" th:href="@{/plugins/bootstrap/css/bootstrap.min.css}">
  <!-- Font Awesome -->
  <link rel="stylesheet" th:href="@{/dist/css/font-awesome.min.css}">
  <!-- Ionicons -->
  <link rel="stylesheet" th:href="@{/dist/css/ionicons.min.css}">
  <!-- DataTables -->
  <link rel="stylesheet" th:href="@{/plugins/bootstrap-table/css/bootstrap-table.min.css}">
  <!-- Theme style -->
  <link rel="stylesheet" th:href="@{/dist/css/AdminLTE.min.css}">
   <link th:href="@{/css/animate.css}" rel="stylesheet">
  <link rel="stylesheet" th:href="@{/css/common.css}">
  <!-- AdminLTE Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
  <link rel="stylesheet" th:href="@{/dist/css/skins/_all-skins.min.css}">
  
  <link th:href="@{/plugins/jsTree/css/style.min.css}" rel="stylesheet" />
  <link th:href="@{/plugins/jqTreeGrid/css/jquery.treegrid.css}" rel="stylesheet" />

  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>
<body class="no-skin">
<div class="wrapper">
  <div class="content-wrapper animated fadeInRight">
    <!-- Main content -->
    <section class="content">
      <div class="row">
        <div class="col-xs-12">
          <div class="box">
         <div class="box-header">
              <h3 class="box-title">菜单列表</h3>
            </div> 
            
            <div class="box-body">
	            <div style="margin: 5px 0px 2px 0px;padding: 5px 4px;background: #e7eaec;border-radius: 4px">
                 		<button class="btn btn-success  btn-sm" type="button" onclick="addMenuRoot()"><i class="fa fa-plus"></i>&nbsp;&nbsp;<span class="bold">新增</span> </button>
	            </div>
               <table id="menuList" data-height="auto" data-mobile-responsive="true" style="margin-bottom: 50px"></table> 
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
   <div class="control-sidebar-bg"></div>
</div>
 <div class="modal fade" id="addMenuRoot" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog" style="margin-top:10%">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close"
                            data-dismiss="modal" aria-hidden="true">
                            &times;
                    </button>
                    <h4 class="modal-title" id="myModalLabels">
                      	  添加目录
                    </h4>
                </div>
	                <form class="form-horizontal" action="/sysMenu/addSysMenu" method="post" id="addMenuRootForm"  style="margin-top:10px">
		               	  <!-- 目录 type=1 -->
		               	 <input type="hidden" value="1" name="type">
		               	 <div class="modal-body">
			                    <div class="form-group">
			                    	    <label  class="col-sm-3 control-label">菜单名称:</label>
					                    <div class="col-sm-8">
					                      	 <input type="text" class="form-control" id="name" name="name" placeholder="菜单名称" value="" required="required"/>
					                    </div>
			                    </div>
			                    <div class="form-group">
			                    	    <label  class="col-sm-3 control-label">状态:</label>
					                    <div class="col-sm-8">
					                      	 <select id="status" name="status" class="form-control m-b" required="required">
														<option value="">--请选择--</option>
														<option value="1">正常</option>
														<option value="2">暂存</option>
											</select>
					                    </div>
			                    </div>
			                    <div class="form-group">
					                    <label class="col-sm-3 control-label">图标:</label>
				                        <div class="col-sm-5">
				                            <input type="text" class="form-control" id="rootIcon" name="icon" placeholder="例如:fa fa-bolt" value="" required="required"/>
				                        </div>
				                        <div class="col-sm-1">
				                             <button type="button" class="btn btn-info" onclick="selectIcon('rootIcon')" >选择图标</button>
				                        </div>
			                    </div>
			                    <div class="form-group">
			                    	    <label  class="col-sm-3 control-label">排序:</label>
					                    <div class="col-sm-8">
					                      	 <input type="number" class="form-control" id="sort" name="sort" placeholder="排序" value="" required="required"/>
					                    </div>
			                    </div>
			             </div>
			             <div class="modal-footer">
		                     <button type="button" class="btn btn-default"  data-dismiss="modal">关闭</button>
		                     <button  class="btn btn-primary" type="submit">添加</button>
		                 </div>
	                </form>
            </div>
        </div>
    </div>
    
    <div class="modal fade" id="addMenu" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog" style="margin-top:10%">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close"
                            data-dismiss="modal" aria-hidden="true">
                            &times;
                    </button>
                    <h4 class="modal-title" id="myModalLabels">
                      	  添加目录
                    </h4>
                </div>
	                <form class="form-horizontal" action="/sysMenu/addSysMenu" method="post" id="addMenuForm"  style="margin-top:10px">
		               	  <!-- 目录 type=1 -->
		               	 <input type="hidden" value="2" name="type">
		               	 <input type="hidden" name="parentId" id="parentId">
		               	 <div class="modal-body">
			                    <div class="form-group">
			                    	    <label  class="col-sm-3 control-label">父菜单名称:</label>
					                    <div class="col-sm-8">
					                      	 <input type="text" class="form-control" id="parentName"  placeholder="父菜单名称" value="" disabled="disabled"/>
					                    </div>
			                    </div>
			                    <div class="form-group">
			                    	    <label  class="col-sm-3 control-label">菜单名称:</label>
					                    <div class="col-sm-8">
					                      	 <input type="text" class="form-control" id="name" name="name" placeholder="菜单名称" value="" required="required"/>
					                    </div>
			                    </div>
			                    <div class="form-group">
			                    	    <label  class="col-sm-3 control-label">菜单Url:</label>
					                    <div class="col-sm-8">
					                      	 <input type="text" class="form-control" id="url" name="url" placeholder="菜单Url" value="" required="required"/>
					                    </div>
			                    </div>
			                    <div class="form-group">
			                    	    <label  class="col-sm-3 control-label">状态:</label>
					                    <div class="col-sm-8">
					                      	 <select id="status" name="status" class="form-control m-b" required="required">
														<option value="">--请选择--</option>
														<option value="1">正常</option>
														<option value="2">暂存</option>
											</select>
					                    </div>
			                    </div>
			                    <div class="form-group">
					                    <label class="col-sm-3 control-label">图标:</label>
				                        <div class="col-sm-5">
				                            <input type="text" class="form-control" id="addMenuIcon" name="icon" placeholder="例如:fa fa-bolt" value="" required="required"/>
				                        </div>
				                        <div class="col-sm-1">
				                             <button type="button" class="btn btn-info" onclick="selectIcon('addMenuIcon')" >选择图标</button>
				                        </div>
			                    </div>
			                    <div class="form-group">
			                    	    <label  class="col-sm-3 control-label">排序:</label>
					                    <div class="col-sm-8">
					                      	 <input type="number" class="form-control" id="sort" name="sort" placeholder="排序" value="" required="required"/>
					                    </div>
			                    </div>
			             </div>
			             <div class="modal-footer">
		                     <button type="button" class="btn btn-default"  data-dismiss="modal">关闭</button>
		                     <button  class="btn btn-primary" type="submit">添加</button>
		                 </div>
	                </form>
            </div>
        </div>
    </div>
    <div class="modal fade" id="addBtn" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog" style="margin-top:10%">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close"
                            data-dismiss="modal" aria-hidden="true">
                            &times;
                    </button>
                    <h4 class="modal-title" id="myModalLabels">
                      	  添加目录
                    </h4>
                </div>
	                <form class="form-horizontal" action="/sysMenu/addSysMenu" method="post" id="addBtnForm"  style="margin-top:10px">
		               	  <!-- 目录 type=1 -->
		               	 <input type="hidden" value="3" name="type">
		               	 <input type="hidden" name="parentId" id="btnParentId">
		               	 <div class="modal-body">
			                    <div class="form-group">
			                    	    <label  class="col-sm-3 control-label">父菜单名称:</label>
					                    <div class="col-sm-8">
					                      	 <input type="text" class="form-control" id="btnParentName"  placeholder="父菜单名称" value="" disabled="disabled"/>
					                    </div>
			                    </div>
			                    <div class="form-group">
			                    	    <label  class="col-sm-3 control-label">按钮名称:</label>
					                    <div class="col-sm-8">
					                      	 <input type="text" class="form-control" id="name" name="name" placeholder="按钮名称" value="" required="required"/>
					                    </div>
			                    </div>
			                    <div class="form-group">
			                    	    <label  class="col-sm-3 control-label">按钮权限代码:</label>
					                    <div class="col-sm-8">
					                      	 <input type="text" class="form-control" id="authCode" name="authCode" placeholder="按钮权限代码" value="" required="required"/>
					                    </div>
			                    </div>
			                    <div class="form-group">
			                    	    <label  class="col-sm-3 control-label">状态:</label>
					                    <div class="col-sm-8">
					                      	 <select id="status" name="status" class="form-control m-b" required="required">
														<option value="">--请选择--</option>
														<option value="1">正常</option>
														<option value="2">暂存</option>
											</select>
					                    </div>
			                    </div>
			                    <div class="form-group">
					                    <label class="col-sm-3 control-label">图标:</label>
				                        <div class="col-sm-5">
				                            <input type="text" class="form-control" id="addBtnIcon" name="icon" placeholder="例如:fa fa-bolt" value="" required="required"/>
				                        </div>
				                        <div class="col-sm-1">
				                             <button type="button" class="btn btn-info" onclick="selectIcon('addBtnIcon')" >选择图标</button>
				                        </div>
			                    </div>
			                    <div class="form-group">
			                    	    <label  class="col-sm-3 control-label">排序:</label>
					                    <div class="col-sm-8">
					                      	 <input type="number" class="form-control" id="sort" name="sort" placeholder="排序" value="" required="required"/>
					                    </div>
			                    </div>
			             </div>
			             <div class="modal-footer">
		                     <button type="button" class="btn btn-default"  data-dismiss="modal">关闭</button>
		                     <button  class="btn btn-primary" type="submit">添加</button>
		                 </div>
	                </form>
            </div>
        </div>
    </div>
     <div class="modal fade" id="editBtn" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog" style="margin-top:10%">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close"
                            data-dismiss="modal" aria-hidden="true">
                            &times;
                    </button>
                    <h4 class="modal-title" id="myModalLabels">
                      	  添加目录
                    </h4>
                </div>
	                <form class="form-horizontal" action="/sysMenu/editSysMenu" method="post" id="addBtnForm"  style="margin-top:10px">
		               	  <!-- 目录 type=3 -->
		               	 <input type="hidden" id="updateBtnId" name="id">
		               	 <input type="hidden" value="3" name="type">
		               	 <input type="hidden" name="parentId" id="updateBtnParentId">
		               	 <div class="modal-body">
			                    <div class="form-group">
			                    	    <label  class="col-sm-3 control-label">父菜单名称:</label>
					                    <div class="col-sm-8">
					                      	 <input type="text" class="form-control" id="updateBtnParentName"  placeholder="父菜单名称" value="" disabled="disabled"/>
					                    </div>
			                    </div>
			                    <div class="form-group">
			                    	    <label  class="col-sm-3 control-label">按钮名称:</label>
					                    <div class="col-sm-8">
					                      	 <input type="text" class="form-control" id="updateBtnName" name="name" placeholder="按钮名称" value="" required="required"/>
					                    </div>
			                    </div>
			                    <div class="form-group">
			                    	    <label  class="col-sm-3 control-label">按钮权限代码:</label>
					                    <div class="col-sm-8">
					                      	 <input type="text" class="form-control" id="updateBtnAuthCode" name="authCode" placeholder="按钮权限代码" value="" required="required"/>
					                    </div>
			                    </div>
			                    <div class="form-group">
			                    	    <label  class="col-sm-3 control-label">状态:</label>
					                    <div class="col-sm-8">
					                      	 <select id="updateBtnStatus" name="status" class="form-control m-b" required="required">
														<option value="">--请选择--</option>
														<option value="1">正常</option>
														<option value="2">暂存</option>
											</select>
					                    </div>
			                    </div>
			                    <div class="form-group">
					                    <label class="col-sm-3 control-label">图标:</label>
				                        <div class="col-sm-5">
				                            <input type="text" class="form-control" id="updateBtnIcon" name="icon" placeholder="例如:fa fa-bolt" value="" required="required"/>
				                        </div>
				                        <div class="col-sm-1">
				                             <button type="button" class="btn btn-info" onclick="selectIcon('updateBtnIcon')" >选择图标</button>
				                        </div>
			                    </div>
			                    <div class="form-group">
			                    	    <label  class="col-sm-3 control-label">排序:</label>
					                    <div class="col-sm-8">
					                      	 <input type="number" class="form-control" id="updateBtnSort" name="sort" placeholder="排序" value="" required="required"/>
					                    </div>
			                    </div>
			             </div>
			             <div class="modal-footer">
		                     <button type="button" class="btn btn-default"  data-dismiss="modal">关闭</button>
		                     <button  class="btn btn-primary" type="submit">添加</button>
		                 </div>
	                </form>
            </div>
        </div>
    </div>
    <div class="modal fade" id="editMenu" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog" style="margin-top:10%">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close"
                            data-dismiss="modal" aria-hidden="true">
                            &times;
                    </button>
                    <h4 class="modal-title" id="myModalLabels">
                      	  添加目录
                    </h4>
                </div>
	                <form class="form-horizontal" action="/sysMenu/editSysMenu" method="post" id="editMenuForm"  style="margin-top:10px">
		               	  <!-- 目录 type=1 -->
						 <input id="updateId" name="id" type="hidden">
		               	 <input type="hidden" value="2" name="type">
		               	 <input type="hidden" name="parentId" id="updateParentId">
		               	 <div class="modal-body">
			                    <div class="form-group">
			                    	    <label  class="col-sm-3 control-label">父菜单名称:</label>
					                    <div class="col-sm-8">
					                      	 <input type="text" class="form-control" id="updateParentName"  placeholder="父菜单名称" value="" disabled="disabled"/>
					                    </div>
			                    </div>
			                    <div class="form-group">
			                    	    <label  class="col-sm-3 control-label">菜单名称:</label>
					                    <div class="col-sm-8">
					                      	 <input type="text" class="form-control" id="updateName" name="name" placeholder="菜单名称" value="" required="required"/>
					                    </div>
			                    </div>
			                    <div class="form-group">
			                    	    <label  class="col-sm-3 control-label">菜单Url:</label>
					                    <div class="col-sm-8">
					                      	 <input type="text" class="form-control" id="updateUrl" name="url" placeholder="菜单Url" value="" required="required"/>
					                    </div>
			                    </div>
			                    <div class="form-group">
			                    	    <label  class="col-sm-3 control-label">状态:</label>
					                    <div class="col-sm-8">
					                      	 <select id="updateStatus" name="status" class="form-control m-b" required="required">
														<option value="">--请选择--</option>
														<option value="1">正常</option>
														<option value="2">暂存</option>
											</select>
					                    </div>
			                    </div>
			                    <div class="form-group">
					                    <label class="col-sm-3 control-label">图标:</label>
				                        <div class="col-sm-5">
				                            <input type="text" class="form-control" id="updateIcon" name="icon" placeholder="例如:fa fa-bolt" value="" required="required"/>
				                        </div>
				                        <div class="col-sm-1">
				                             <button type="button" class="btn btn-info" onclick="selectIcon('updateIcon')" >选择图标</button>
				                        </div>
			                    </div>
			                    <div class="form-group">
			                    	    <label  class="col-sm-3 control-label">排序:</label>
					                    <div class="col-sm-8">
					                      	 <input type="number" class="form-control" id="updateSort" name="sort" placeholder="排序" value="" required="required"/>
					                    </div>
			                    </div>
			             </div>
			             <div class="modal-footer">
		                     <button type="button" class="btn btn-default"  data-dismiss="modal">关闭</button>
		                     <button  class="btn btn-primary" type="submit">添加</button>
		                 </div>
	                </form>
            </div>
        </div>
    </div>
    
    <div class="modal fade" id="editRootMenu" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog" >
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close"
                            data-dismiss="modal" aria-hidden="true">
                            &times;
                    </button>
                    <h4 class="modal-title" id="myModalLabels">
                      	编辑菜单
                    </h4>
                </div>
	                <form class="form-horizontal" action="/sysMenu/editSysMenu" method="post" id="editRootMenuForm"  style="margin-top:10px">
		                <div class="modal-body">
			                	<input type="hidden" name="id" id="updateRootId">  
			                    <div class="form-group">
			                    	    <label  class="col-sm-3 control-label">目录名称:</label>
					                    <div class="col-sm-8">
					                      	 <input type="text" class="form-control" id="updateRootName" name="name" placeholder="目录名称" value="" required="required"/>
					                    </div>
			                    </div>
			                    <div class="form-group">
			                    	    <label  class="col-sm-3 control-label">状态:</label>
					                    <div class="col-sm-8">
					                      	 <select id="updateRootStatus" name="status" class="form-control m-b" required="required">
														<option value="">--请选择--</option>
														<option value="1">正常</option>
														<option value="2">暂存</option>
											</select>
					                    </div>
			                    </div>
			                    <div class="form-group">
					                    <label class="col-sm-3 control-label">图标:</label>
				                        <div class="col-sm-5">
				                            <input type="text" class="form-control" id="updateRootIcon" name="icon" placeholder="例如:fa fa-bolt" value="" required="required"/>
				                        </div>
				                        <div class="col-sm-1">
				                             <button type="button" class="btn btn-info" onclick="selectIcon('updateRootIcon')" >选择图标</button>
				                        </div>
			                    </div>
			                    <div class="form-group">
			                    	    <label  class="col-sm-3 control-label">排序:</label>
					                    <div class="col-sm-8">
					                      	 <input type="number" class="form-control" id="updateRootSort" name="sort" placeholder="排序" value="" required="required"/>
					                    </div>
			                    </div>
			            </div>    
		                <div class="modal-footer">
		                    <button type="button" class="btn btn-default"  data-dismiss="modal">关闭</button>
		                    <button  class="btn btn-primary" type="submit">提交</button>
		                </div>
	                </form>
            </div>
        </div>
    </div>

<!-- ./wrapper -->

<!-- jQuery 2.2.3 -->
<script th:src="@{/plugins/jQuery/jquery-2.2.3.min.js}"></script>
<script th:src="@{/plugins/layer/layer.js}"></script>
<!-- Bootstrap 3.3.6 -->
<script th:src="@{/plugins/bootstrap/js/bootstrap.min.js}"></script>
<!-- DataTables -->
<script th:src="@{/plugins/bootstrap-table/js/bootstrap-table.min.js}"></script>
<script th:src="@{/plugins/bootstrap-table/js/extensions/mobile/bootstrap-table-mobile.min.js}"></script>
<script th:src="@{/plugins/bootstrap-table/js/locale/bootstrap-table-zh-CN.min.js}"></script>
<!-- SlimScroll -->
<script th:src="@{/plugins/slimScroll/jquery.slimscroll.min.js}"></script>
<!-- FastClick -->
<script th:src="@{/plugins/fastclick/fastclick.js}"></script>
<!-- AdminLTE App -->
<script th:src="@{/dist/js/app.min.js}"></script>
<!-- AdminLTE for demo purposes -->
<script th:src="@{/dist/js/demo.js}"></script>
<script th:src="@{/js/menu/menuList.js}"></script>
<script th:src="@{/js/common/dateutil.js}"></script>
<script type="text/javascript" th:src="@{/plugins/jqTreeGrid/js/jquery.treegrid.min.js}"></script>
<script type="text/javascript" th:src="@{/plugins/jqTreeGrid/js/jquery.treegrid.bootstrap3.js}"></script>
<script type="text/javascript" th:src="@{/plugins/jqTreeGrid/js/jquery.treegrid.extension.js}"></script>
<script type="text/javascript" th:src="@{/plugins/jsTree/js/jstree.min.js}"></script>
<!-- page script -->
<script>
</script>
</body>
</html>
